<template>
  <div>
    <el-row>
      <el-col :span="3">
          <Sidebar></Sidebar>
      </el-col>
      <el-col :span="21">
          <el-config-provider :locale="zhCn">
            <router-view></router-view>
          </el-config-provider>
      </el-col>
      
    </el-row>
  </div>
</template>

<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
import { ddicStore } from '@/store/ddic';
// import { storeToRefs } from 'pinia';

const ddic = ddicStore()
const setRegions = ddic.setRegions

onMounted(() => {
  // 初始化全局变量
  setRegions()
})
</script>
<style scoped>
:deep(.el-aside) {
  width: 200px;
}
:deep(.el-container) {
  background-color: White;
}
</style>

<style>
.el-aside {
  background-color: white;
  padding: 5px;
  border: 1px solid #dcdfe6;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.el-dialog__header.dialog-custom-header {
  padding-bottom: 0px !important; /* 自定义头部内边距 */
}
.el-main.cus-main {
  padding-top: 0px;
}
.el-form .el-form-item {
  margin-bottom: 5px;
}
.el-header {
  background-color: white;
  color: #fff;
  height: auto !important ;
}
.el-divider--horizontal {
  margin: 10px !important;
}
.el-select {
  min-width: 120px;
}
.el-table {
  max-height: 80vh;
  overflow-y: auto;
}
.cus-tree {
  max-height: 80vh;
  overflow-y: auto;
}
.cus-tree-title {
  padding-left: 5px;
  font-size: 16px;
}
.cus-title {
  padding-left: 5px;
  font-size: 16px;
}
</style>

